﻿<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>ToDo</title>
    <link href="~/css/Home.css" rel="stylesheet" />
    <link rel="shortcut icon" href="~/images/待办事项.ico">
</head>
<body>
    <div class="content">
        <div class="left">
            <div class="user">
                <div onmouseover="MM_over(this)" onmouseout="MM_out(this)" style="display:inline-block;position:relative;">
                    <img src="~/images/用户.png" alt="user" class="img" />
                    <div class="tanchukuang">
                        <div class="entire">
                            <a href="/User/UserInformationPage" style="cursor:pointer">
                                <img src="~/images/修改用户信息.png" width="35" alt="" title="修改用户信息" />
                            </a>
                            <a href="/User/Logout" style="cursor:pointer">
                                <img src="~/images/切换.png" width="35" alt="" title="切换账号" />
                            </a>
                        </div>
                    </div>
                </div>
                <div class="username">
                    <span id="UserName"></span>
                    <a href="/Item/FindItem" class="look">
                        <img src="~/images/搜索.png" alt="搜索" id="img1" title="搜索事项" />
                    </a>
                </div>
            </div>

            <div class="elment">
                <img src="~/images/所有事项.png" alt="清单" class="img" />
                <a href="/Inventory/ViewInventory" class="name">清单</a>
                <span id="InventoryCount"></span>
            </div>
            <div class="elment">
                <img src="~/images/完成.png" alt="完成" class="img" />
                <a href="/Item/ShowAllFinishItem" class="name">完成</a>
                <span id="finishItemCount"></span>
            </div>
            <div class="elment">
                <img src="~/images/过期.png" alt="过期" class="img" />
                <a href="/Item/ShowAllOverdueItem" class="name">过期</a>
                <span id="OverdueItemCount"></span>
            </div>
            <div class="elment">
                <img src="~/images/未完成.png" alt="未完成" class="img" />
                <a href="/Item/ShowAllItem" class="name">未完成</a>
                <span id="notFinishItemCount"></span>
            </div>
        </div>
        <div class="right">
            <div class="top">
                <div class="date">
                    <div class="date-left">
                        <span id="Time"></span>
                        <img src="~/images/滑动剪头_左.png" alt="" style="cursor:pointer" onclick="subtract()" class="img2" />
                        <img src="~/images/滑动剪头_右.png" alt="" style="cursor:pointer" onclick="add()" class="img2" />
                        <span class="today" style="cursor:pointer" onclick="Today()">今天</span>
                    </div>
                    <div class="overdue-input">
                        <span>查看即将过期:</span>
                        <form action="/Item/OverdueItemRemind" class="form-input">
                            <input type="text" name="days" id="days" placeholder="提前几天提醒" />
                        </form>
                    </div>
                </div>
            </div>
            @RenderBody()
        </div>
    </div>
    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="~/js/ajax/ajax.js"></script>
    <script src="~/js/bootbox.js"></script>
    <script src="~/js/DateTime.js"></script>
</body>
</html>